<counter
  ng-class="{'positive': showTrend && trendPositive, 'negative': showTrend && !trendPositive}"
  resize-event="handleResize()"
>
  <div ng-style="{
    '-o-transform': 'scale(' + scale + ')',
    '-ms-transform': 'scale(' + scale + ')',
    '-moz-transform': 'scale(' + scale + ')',
    '-webkit-transform': 'scale(' + scale + ')',
    'transform': 'scale(' + scale + ')'
  }">
    <value title="{{ counterValueTooltip }}">{{ counterValue }}</value>
    <counter-target ng-if="targetValue" title="{{ targetValueTooltip }}">({{ targetValue }})</counter-target>
    <counter-name>{{counterLabel}}</counter-name>
  </div>
</counter>
